﻿body {
	font-family: Tahoma;
	font-size: 13px;
}

a, a:visited, a:link, a:active, a:hover {
	text-decoration: none;
	color: #666;
}

#container {
	display: table-row;
}

#menu-box, #content-box {
	display: table-cell;
	padding: 10px 10px 10px 10px;
}

#content-box {
margin-top:0px;
margin-left: 250px;
position:fixed;
}

#mainContent {
	border: 1px solid #777;
	border-radius: 5px;
	margin: 10px 10px 10px 10px;
	width: 1000px;
	font-size: 18px;
	overflow:auto;
	max-height: 550px;
}

#menu-box {
	border-right: 3px solid #EEE;
	border-radius: 10px;
	vertical-align:top;
	position:fixed;
}

	#menu-box .ui-accordion-content {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 30px;
	}

#menu-box {
	font-size: 12px;
	width: 210px;
	padding: 5px;
	margin: 5px;
}

.submenu-items {
	border: none;
	text-align: left;
}

	.submenu-items a {
		padding: 8px 0px 8px 0px;
		text-align: left;
		border: 1px solid #DDD;
		background-color: #f2f2f2;
		display: block;
		margin-left: -10px;
		margin-top: 2px;
		margin-bottom: 2px;
		text-indent: 15px;
		font-size:13px;		
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-bottomleft:20px;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-top-left-radius:20px;
	}

.submenu {
	width: 180px;	
}

.code {
font-family:Consolas;
word-spacing:3px;
color:#fff;
background-color: #777;
text-align:left;
width: 750px;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:5px auto 5px auto;
}